<template>
  <div class="inform_page">
    <CommonHeader title="通知" />
    <div class="inform_content page_no_tab_bar">
      <!-- 通知列表 -->
      <ul class="inform_list">
        <li v-for="(item, index) in 8" :key="index">
          <div class="left">提现成功{{ item }}</div>
          <div class="right">
            <div class="add_text">100 USDT</div>
            <div class="font_color">2025/8/2 09:29:15</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
import CommonHeader from "@/components/CommonHeader.vue";
</script>

<style lang="scss" scoped>
.inform_page {
  .inform_content {
    padding-top: 10px;
    .inform_list {
      li {
        margin-bottom: 5px;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .right {
          text-align: right;
          .add_text {
            margin-bottom: 5px;
          }
        }
      }
    }
  }
}
</style>
